.self{
    width: 100%;
    height: 830px;
    background-image: url('../img/dm12.webp');
    /* background-size: 100%; */
}


.self h2{
    width: 300px;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.2);
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    border-radius: 15px;
}

.self .selfMsg{
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 50px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 10px;
    box-shadow: 10px 10px 3px rgba(255, 255,255,0.5);
    border: 1px solid black;
}

.self .selfMsg .tx{
    width: 100px;
    border: 5px solid rgba(191, 145, 166);
}


.otherMsg{
    width: 300px;
    height: 250px;
   
}

.otherMsg span{
    color: rgb(3, 107, 203);
}

.otherMsg input{
    margin-top: 30px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.4);
}

.otherMsg input:not(.username,.phone){
    margin-left: 16px;
}


.updateBtn{
    margin-top: 20px;
    width: 70px;
    height: 30px;
    margin-left: 160px;
    border-radius: 10px;
    background-color: rgb(201, 151, 166);
}